<template>
  <div id="trackBody">
    <x-header :left-options="{showBack: true,preventGoBack:true}" @on-click-back="goBack"
              theme="" class="queryHeader">审核轨迹
    </x-header>
    <div>
      <div v-if="currentData.length === 0">
        <img src="static/image/noLists.png" alt="" style="width: 100%" v-if="ios">
        <img src="static/image/nolist.png" alt="" style="width: 100%" v-if="!ios">
      </div>
      <TimeAxis :infos="currentData" :isWxFlag="isWxFlag" v-if="currentData.length > 0"></TimeAxis>
    </div>
  </div>
</template>
<script>
  import {XHeader} from "Vux"
  import TimeAxis from './TimeAxis.vue'
  export default {
    components: {
      XHeader,
      TimeAxis,
    },
    data(){
      return {
        ios: true,
        currentData: [],
        isWxFlag: null
      }
    },
    methods: {
      goBack(){
        this.$router.push({
          path: '/listDetail'
        });
        this.$store.commit('CHANGE_TRANSITION', 'right')
      }
    },
    mounted(){
      this.ios = this.$store.state.app.ios;
      this.isWxFlag = this.$store.state.app.wxFlag === "1" ? true : false;
      this.currentData = this.$route.query.info ? this.$route.query.info : []
    }
  }
</script>
